<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title><ui:insert name="pageTitle" /> </title>
        <h:outputStylesheet library="css" name="style.css"/>
    </h:head>
    <h:body>
        <div id="main_container">
            <div id="header">
                <ui:insert name="header" >
                    <ui:include src="/section/mysweethome/header.xhtml" />
                </ui:insert>

            </div>
            <div id="main_content">
                <div class="column1">
                    <div class="left_box">
                        <ui:insert name="loginForm" >
                            <ui:include src="/section/login/loginForm.xhtml" />
                        </ui:insert>
                        
                    </div>
                    <div class="left_box">
                        <div class="top_left_box"> </div>
                        <div class="center_left_box">
                            <div class="box_title"><span>Join</span> </div>
                            <div class="form">
                                <div class="form_row">
                                    <label class="left">Email: </label>
                                    <input type="text" class="form_input" />
                                </div>
                                <div style="float:right; padding:10px 25px 0 0;">
                                    <input type="image" src="image/images/join.gif" />
                                </div>
                            </div>
                        </div>
                        <div class="bottom_left_box"> </div>
                    </div>
                    <div class="left_box">
                        <div class="top_left_box"> </div>
                        <div class="center_left_box">
                            <div class="box_title"><span>Contact</span> information:</div>
                            <div class="form">
                                <div class="form_row"> <img src="/MySweetHome_fe/resources/image/images/contact_envelope.gif" width="50" height="47" border="0" class="img_right" alt="" />
                                    <div class="contact_information"> Email: info@comapnyname.com<br />
                                        Telephone: 0234 789 90<br />
                                        Mobile: 234 345 234534<br />
                                        Fax: 34534 3456 3456(54)<br />
                                        <br />
                                        <span>www.companyname.com</span> </div>
                                </div>
                            </div>
                        </div>
                        <div class="bottom_left_box"> </div>
                    </div>
                </div>
                <!-- end of column one -->
                <ui:insert name="content" >
                    <ui:include src="/section/mysweethome/homeContent.xhtml" />
                </ui:insert>
            </div>
            <!-- end of main_content -->
            <div id="footer">
                <ui:insert name="footer" >
                    <ui:include src="/section/mysweethome/footer.xhtml" />
                </ui:insert>
            </div>
        </div>
        <!-- end of main_container -->

    </h:body>
</html>

